<!-- 列表 -->
<template>
	<view class="list">
		<view class="list-item border-bottom-1px" v-for="value in 30" :key="value">
			<view class="header">
				<text class="label">收入类型</text>
				<text class="label">药剂销售</text>
			</view>
			<view class="footer">
				<text class="datetime">8月24日 15:28</text>
				<text class="price">+15.00</text>
			</view>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.list {
		&-item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 36rpx 0 40rpx;
			height: 140rpx;

			.header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.label {
					font-size: 28rpx;
					color: #222222;
					line-height: 1.5;
				}
			}
			
			.footer {
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.datetime {
					font-size: 24rpx;
					color: #999999;
				}
				
				.price {
					font-weight: bold;
					font-size: 38rpx;
					color: #222222;
					line-height: 1.5;
				}
			}
		}
	}
</style>